><template>
  <div style="margin-top: -80px;">
   <b> <i class="el-icon-s-promotion" style="margin-left: -800px;">退换货</i></b><!--标题-->
   <!--查询框-->
     <div style="margin-top: -100px; margin-left: 100px">
       <el-input v-model="input" placeholder="请输入订单编号" style="width: 300px"></el-input>
  <el-button type="primary" icon="el-icon-search">查询</el-button>
    </div>
    <!--图片-->
    <div style=" margin-left: -700px; margin-top: -120px;">
     <img :src="imgurl"></div>
<!--退换货按钮-->
    <div style=" margin-left: -700px; margin-top: -120px;">
     <el-button type="text" >申请退货</el-button> <el-divider direction="vertical"></el-divider>
     <el-button type="text">退换货记录</el-button></div>
     
     <slot name="apply"></slot>
    <div style="height: 1px; background-color: red"></div>

  </div>
</template>
<script>

  export default {
    data() {
      return {
        imgurl:require("@/assets/images/return.png"),
          input: '',
        tableData: [{
          date: '2016-05-03',
          id:'1',
          name: '王小虎',
          money: '10000'
        }, {
          date: '2016-05-07',
          name: '王小虎',
           id:'2',
         money: '10000'
        },
        {
          date: '2016-05-07',
          name: '王小虎',
           id:'3',
          money: '10000'
        }]
      }
    }
  }
</script>
<style >

</style>